<!DOCTYPE html>
<html data-layout-decorate="~{bbs/layout/layout}">
<head>
    <title>个人主页</title>
</head>
<body>

<section data-layout-fragment="content">
    <div class="container">
        <div class="row">
            <!--左侧用户信息-->
            <div class="col-md-3">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <p><img src="" onerror="onerror=null;src=''"
                                class="avatar-hg" alt="avatar"></p>
                        <h4>用户名：<span data-th-text="${user.username}" style="font-weight: bold"></span></h4>
                        <h4>姓&emsp;名：<span data-th-text="${user.name}" style="font-weight: bold"></span></h4>
                        <p>我不知道是什么</p>
                    </div>
                </div>
            </div>

            <!--右侧帖子列表-->
            <div class="col-md-9">

                <!--没有帖子-->
                <div class="no_comments" data-th-if="${articleList.size()<=0}">
                    <div class="text-center">目前还没有发帖呢，要不快邀请TA来发帖讨论吧！</div>
                </div>

                <!--有帖子时-->
                <div class="panel panel-default" data-th-if="${articleList.size()>0}">
                    <div class="panel-heading"><span class="glyphicon glyphicon-th-list"></span> <span
                            data-th-text="${user.name}"></span> 的文章
                    </div>
                    <table class="table table-bordered">

                        <tbody>
                            <tr data-th-each="article:${articleList}">
                                <td><a data-th-href="${#httpServletRequest.contextPath+'/bbs/article/'+article.id}" data-th-text="${article.title}">这个是帖子的标题</a></td>
                                <td>[[${article.course!=null?article.course.name:''}]]</td>

                                <td><span class="glyphicon glyphicon-heart-empty text-danger" style="cursor: auto;"></span>
                                    0
                                </td>
                                <td>[[${article.inTime}]]</td>
                            </tr>

                        </tbody>
                    </table>
                </div>
            </div>

        </div>
    </div>
</section>

</body>
</html>